.oneToOneDonation {
  position: relative;
  min-height: 100%;
  //background: url("../../images/oneToOneBg.png") repeat;
  background-color: #f3f3f3;
  a:hover {
    text-decoration: none;
  }
  .head{
    height: 42px;
    background: #1AAC19;
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 42px;
    text-align: center;
    position: relative;
    .head-icon{
      font-size: 20px;
      position: absolute;
      left:15px;
    }
    .shaixuan {
      position: absolute;
      right: 10px;
      font-size: 14px;
      i {
        font-size: 14px;
      }
    }
  }
  .content {
    padding: 12px;
    text-align: left;
    padding-bottom: 80px;
    .content_title_box {
      margin: 10px 0px;
      .content_title {
        font-size: 16px;
        color: #858585;
        line-height: 26px;
        float: left;
      }
      .content_title_oth {
        font-size: 16px;
        color: #858585;
        line-height: 26px;
      }
      .content_text {
        //display: inline-block;
        padding-left: 80px;
        font-size: 17px;
        color: #000;
        line-height: 26px;
        min-width: 100px;
      }
      .content_money {
        color: #1AAC19;
      }
      .content_pro {
        clear: left;
        font-size: 16px;
        border: 2px solid #e6e6e6;
        margin-top: 14px;
        .content_pro_top {
          border-bottom: 1px solid #ebebeb;
          margin: 10px;
          padding-bottom: 10px;
          overflow: hidden;
          .content_pro_top_avatar {
            float: left;
            width: 70px;
            height: 70px;
            overflow: hidden;
            border-radius: 50%;
            img {
              width: 100%;
              height: 100%;
            }
          }
          .content_pro_top_shaixua {
            float: right;
            color: #1AAC19;
            i {
              color: #1AAC19;
              vertical-align: middle;
            }
          }
          .content_pro_top_text {
            padding-left: 90px;
            p {
              color: #858585;
              line-height: 24px;
            }
            .content_pro_top_text_first {
              color: #000;
              font-size: 18px;
            }
          }
        }
        .content_pro_bottom {
          margin: 10px;
          padding-bottom: 10px;
          position: relative;
          .content_pro_bottom_title {
            float: left;
            color: #858585;
          }
          .content_pro_bottom_text {
            padding-left: 24px;
            color: #666666;
            overflow: hidden;
            padding-top: 2px;
            .weui-cell {
              padding: 0px;
              background-color: #f3f3f3;
            }
            .weui-cells {
              margin: 0px;
            }
            .weui-cells:after {
              content: none;
            }
            .weui-cells:before {
              content: none;
            }
            .weui-cell_access .weui-cell__ft:after {
              border-color: #1AAC19;
              top: -1px;
            }
            .vux-label {
              color: #1AAC19;
              font-size: 16px;
            }
            .slide {
              overflow: hidden;
              max-height: 0;
              background-color: #f3f3f3;
              transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s;
            }
            .animate {
              max-height: 9999px;
              transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
              transition-delay: 0s;
            }
          }
        }
      }
    }
  }



  //.imageBox {
  //  width: 100%;
  //  position: relative;
  //  margin-top: 20px;
  //  .imageBg {
  //    width: 62%;
  //    height: 256px;
  //    //min-height: 240px;
  //    //max-height: 300px;
  //    margin: 0px auto;
  //    background: url('../../images/onetoonimagebg.png') no-repeat 2px 0px;
  //    padding: 17px 20px;
  //    background-size: 100% 100%;
  //    //border: 1px solid #000000;
  //    overflow: hidden;
  //    img {
  //      width: 100%;
  //      height: 100%;
  //    }
  //  }
  //  .imageAdd {
  //    width: 100px;
  //    height: 100px;
  //    border-radius: 50%;
  //    overflow: hidden;
  //    position: absolute;
  //    top: -12px;
  //    right: 40px;
  //    img {
  //      width: 100%;
  //      height: 100%;
  //    }
  //  }
  //  .rightBtn {
  //    position: absolute;
  //    right: 0px;
  //    top: 100px;
  //    i {
  //      font-size: 40px;
  //      color: #ffffff;
  //    }
  //  }
  //  .leftBtn {
  //    position: absolute;
  //    left: 0px;
  //    top: 100px;
  //    i {
  //      font-size: 40px;
  //      color: #ffffff;
  //    }
  //  }
  //}
  //.eventTitle {
  //  p {
  //    width: 100%;
  //    margin: 14px auto 6px;
  //    font-size: 16px;
  //    font-weight: bold;
  //    color: #333;
  //    span {
  //      vertical-align: middle;
  //    }
  //    .Titlelabel {
  //      display: inline-block;
  //      background-color: #e9974a;
  //      color: #ffffff;
  //      font-size: 12px;
  //      padding: 1px 6px;
  //      border-radius: 2px;
  //    }
  //  }
  //}
  //.mechanism {
  //  font-size: 14px;
  //  color: #666666;
  //}
  //.targetMoney {
  //  width: 100%;
  //  .targetB {
  //    display: inline-block;
  //    padding: 0px 30px;
  //    height: 40px;
  //    background-color: #ffffff;
  //    margin: 10px auto;
  //    line-height: 40px;
  //    text-align: center;
  //    color: #333333;
  //    font-size: 16px;
  //    border-radius: 50px;
  //    span {
  //      color: #ff2727;
  //      font-size: 20px;
  //    }
  //  }
  //}
  //.content {
  //  padding: 0px 10px 80px;
  //  width: 94%;
  //  overflow: hidden;
  //  font-size: 15px;
  //  color: #333333;
  //  text-align: left;
  //  p {
  //    text-align: left;
  //    line-height: 24px !important;
  //    img {
  //      max-width: 100%;
  //      max-height: 500px;
  //      margin: 10px auto;
  //    }
  //  }
  //}
  .footerBtns {
    width: 100%;
    position: fixed;
    bottom: 0px;
    margin: 0px auto;
    padding-bottom: 20px;
    background-color: #f3f3f3;
    .wantDonationBtn {
      display: inline-block;
      width: 90%;
      height: 42px;
      background-color: #1AAC19;
      color: #ffffff;
      text-align: center;
      line-height: 40px;
      font-size: 16px;
      border-radius: 4px;
      box-shadow: 0px 0px 4px #666;
    }
  }
  //  .nextBtn {
  //    display: inline-block;
  //    width: 86px;
  //    height: 42px;
  //    display: inline-block;
  //    background-color: #ffffff;
  //    color: #1AAC19;
  //    text-align: center;
  //    line-height: 42px;
  //    font-size: 16px;
  //    border-radius: 4px;
  //    box-shadow: 0px 0px 4px #666;
  //  }
  //}
  .popup {
    .vux-popup-dialog {
      background-color: #FFFFFF;
    }
    .popup2 {
      padding-bottom:15px;
      //height:600px;
      .otherTi {
        font-size: 10px;
        color: #3565eb;
        text-align: left;
        padding: 0px 15px 4px;
      }
      .vux-label {
        text-align: left;
        font-size: 15px;
        color: #6b6b6b;
      }
      .vux-no-group-title {
        margin-top: 0px;
      }
      .weui-cell__ft {
        font-size: 10px;
        color: #1AAC19;
      }
      .weui-cells:before {
        border-top: none;
      }
      .allGroup {
        .weui-cells:after {
          border-bottom: none;
        }
        .allInput {
          width: 80%;
          height: 14px;
          line-height: 14px;
          font-size: 12px;
          margin: 0px auto;
          border: 1px solid #cccccc;
          border-radius: 4px;
          margin-bottom: 10px;
        }
        .allTextarea {
          width: 80%;
          line-height: 14px;
          font-size: 12px;
          margin: 10px auto;
          border: 1px solid #cccccc;
          border-radius: 4px;
        }
        input:checked {
          background-color: red;
        }
      }
      button.weui-btn {
        width: 90%;
        height: 34px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 6px;
        font-size: 16px;
        line-height: 34px !important;
      }
      .weui-btn_primary {
        background-color: #1AAC19;
      }
    }
    .demo5-item {
      width: 26%;
      height: 26px;
      line-height: 26px;
      text-align: center;
      //border-radius: 3px;
      border: 2px solid #ccc;
      background-color: #fff;
      margin-right: 2%;
      margin-left: 2%;
      margin-top: 10px;
    }
    .demo5-item-selected {
      background: #ffffff url(../../images/xuanzhongduigou.png) no-repeat right bottom;
      border-color: #1AAC19;
    }
    .qitajine {
      width: 52%;
      margin-left: 1%;
      margin-right: 1%;
      text-align: left;
      padding-left: 6%;
      color: #989898;
      border-radius: 4px;
    }
  }
}
